<template>
	<view>
		<Header nameLeft="arrow-left" title="设置账号"></Header>
		<view class="main_wrap">
			<view class="main ">
				<view class="main_item">
					<view class="item_tit">您当前的账号为:</view>
					<view class="form">
						
							
								<van-cell-group>
								  <van-field
								    :value="account"
								    placeholder="您当前尚未设置账号"
								    :border="false"
								  />
								</van-cell-group>
							
							
						
						
						<view class="fs26 ml12">可修改<text style="color: red;">1</text>次</view>
					</view>
					
				</view>
				
				<view class="main_item">
					<view class="item_tit">修改账号:</view>
					
							
								<van-cell-group>
								  <van-field
								    :value="account"
								    placeholder="您当前尚未设置账号"
								    :border="false"
								  />
								</van-cell-group>
					</view>
					
					<view class="main_item">
						<view class="item_tit">再次输入确认:</view>
						
								
									<van-cell-group>
									  <van-field
									    :value="account"
									    placeholder="您当前尚未设置账号"
									    :border="false"
									  />
									</van-cell-group>
						</view>
					
				</view>
				
				<view class="commit">
					<van-button  size="normal" color="#10c1c1">确认</van-button>
				</view>
				
				
			
			</view>
		</view>
	</view>
</template>

<script>
	import Header from "../../components/header.vue"
	export default {
		data() {
			return {
				account:''
			}
		},
		components:{
			Header
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	/deep/ .van-cell{
		border: 1px solid #bbbbbb;
		
	}
	/deep/ .van-nav-bar__content{
		background-color: $navBar_color;
		color: #fff;
	}
.main_wrap{
	padding: 78rpx 45rpx 0 45rpx;
	.main{
		// height: 500rpx;
		
		
		
		
		.main_item{
			&:last-child{
				margin-bottom: 220rpx;
			}
			margin-bottom: 45rpx;
			.item_tit{
				font-size: 25rpx;
				color: #000000;
				margin-bottom: 35rpx;
			}
			
			.van-field__control{
				font-size: 25rpx !important;
			}
			.form{
				display: flex;
				align-items: baseline;
				
				
			}
		}
		
		
		
	}
	.commit{
		text-align: center;
		
		/deep/ .van-button{
			font-size: 25rpx;
			padding: 0 130rpx;
			height: 80rpx !important;
		}
	}
}
</style>
